<template>
	<view class="content">
		<view class="copy_news">请马上备份您的钱包</view>
		<view class="copy_news2">在下一步中您将看到允许您恢复钱包的助记词(12个单词</view>
		<view class="imgbox">
			<img class="login_img" src="../../static/login-bg.webp" alt="">
		</view>
		<view class="checkbox">
			<u-checkbox-group v-model="checkboxValue1" iconPlacement="right" shape="circle" placement="column" >
				<u-checkbox activeColor="#53c393" :label="item.name" :name="item.name" class="checklist" v-for="(item, index) in checkboxList1"
		                :key="index"></u-checkbox>
			</u-checkbox-group>
		</view>
		<u-toast ref="uToast"></u-toast>
		
		<u-button type="primary" class="login_btn" text="继续" @click="relywalletClick"></u-button>
		
		<botLine />
	</view>
</template>

<script>
	import botLine from '../../components/botLine.vue'
	export default {
		components:{
			botLine
		},
		data() {
			return {
				title: '已有钱包过来的',
				checkboxValue1:[],
					// 基本案列数据
				checkboxList1: [{
						name: '如果我弄丢失了秘钥和钱包地址,我的资产将永远丢失',
						disabled: false
					},
					{
						name: '如果我向任何人公开或分享我的秘钥或者钱包地址,我的资产可能会被盗',
						disabled: false
					},
					{
						name: 'U码头永远不会向您索要私钥和钱包地址',
						disabled: false
					}
				]
			}
		},
		onLoad() {

		},
		methods: {
			relywalletClick(){
				if(this.checkboxValue1.length == 3){
					uni.navigateTo({
					    url:`../copyMoneyLogin/index?type=login`
					});
				}else{
					this.$refs.uToast.show({
						type: 'default',
						title: '默认主题',
						message: "请确认并勾选注意事项"
					})
				}
				
			},
			 checkboxChange(n) {
				console.log('change', n);
			}
		}
	}
</script>

<style lang="scss" scoped>
.content{
	height: 100vh;text-align: center;background: #f1f5f8;
	.imgbox{
		text-align: center;
		.login_img{
			width: 80%;margin-top: 80rpx;display: inline-block;
		}
	}
	.text_login,.text_login2{display: block;}
	.login_btn{background-color: $btnColor;border: $btnColor solid 1px;width:95%;margin:25rpx auto 0;}
	.copy_news{
		color: #000;font-size: 44rpx;line-height: 54rpx;padding-top: 80rpx;font-weight: 600;
	}
	.copy_news2{
		color: #96979b;font-size: 10rpx;line-height: 30rpx;padding-top: 10rpx;font-weight: 400;
	}
	.checkbox{
		padding: 0rpx 20rpx 0;
		.checklist{
			border: #63b7a0 solid 1px;margin-top:15rpx;padding: 20rpx 10rpx;
			border-radius: 15rpx;text-align: left;line-height: 40rpx;font-weight: 400;
		}
		
	}
}
</style>
